<%--
  Created by IntelliJ IDEA.
  User: Aqqqwer
  Date: 2021/7/8
  Time: 15:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>推荐</title>
</head>
<style type="text/css">
@import "/css/daohang.css";
@import "/css/header.css";
</style>
<body>
<div class="header_bd">
    <!-- 头部 -->

    <div class="header" >
        <h1><img style="height: 50px;width: 180px"
                 src="">
        </h1>
        <form>
            <input type="text" name="search" placeholder="Search.." class="search">
        </form>
        <button class="searchButton searchButton2">立即搜索</button>
        <div class="login"  >
            <!-- 登录 -->
            <!-- 注册 -->
            <span><a href="login_user.jsp" ><input type="button" class="dlspan" value="登 录" /></a></span>&nbsp;&nbsp;
            <span><a href="register_user.jsp" ><input type="button" class="zcspan" value="注 册" /></a></span>
        </div>
    </div>
    <div class="topNav">
        <!-- 导航栏 -->
        <div style="float: left;">
            <button style="" class="links_button button dropdown">
                <a href="tuijian.jsp" style="text-decoration: none">推荐</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="yingshi.jsp" style="text-decoration: none">影视</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="yinyue.jsp" style="text-decoration: none">音乐</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="youxi.jsp" style="text-decoration: none">游戏</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="tiyu.jsp" style="text-decoration: none">体育</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="zongyi.jsp" style="text-decoration: none">综艺</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="yule.jsp" style="text-decoration: none">娱乐</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="dongman.jsp" style="text-decoration: none">动漫</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="shenghuo.jsp" style="text-decoration: none">生活</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="meishi.jsp" style="text-decoration: none">美食</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
            <button style="" class="links_button button dropdown">
                <a href="chongwu.jsp" style="text-decoration: none">宠物</a>
                <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
            </button>
        </div>
    </div>
</div>
<!-- </div> -->
<div id="content">
    <!-- 内容 -->
    <ul style="list-style: none;">
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/201810618424440146.jpg" alt="刀剑神域 Alicization篇"></a>
            <p><a title="刀剑神域 Alicization篇">刀剑神域 Alicization篇</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/201810618424440146.jpg" alt="刀剑神域 Alicization篇"></a></p>
            <p><a title="刀剑神域 Alicization篇">刀剑神域 Alicization篇</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/20204117511193265.jpg" alt="彼得·格里尔的贤者时间"></a>
            <p><a  title="彼得·格里尔的贤者时间">彼得·格里尔的贤者时间</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/20204117511193265.jpg" alt="彼得·格里尔的贤者时间"></a>
            <p><a title="彼得·格里尔的贤者时间">彼得·格里尔的贤者时间</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/20204117511193265.jpg" alt="彼得·格里尔的贤者时间"></a>
            <p><a title="彼得·格里尔的贤者时间">彼得·格里尔的贤者时间</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/20204117511193265.jpg" alt="彼得·格里尔的贤者时间"></a>
            <p><a  title="彼得·格里尔的贤者时间">彼得·格里尔的贤者时间</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/20204117511193265.jpg" alt="彼得·格里尔的贤者时间"></a>
            <p><a  title="彼得·格里尔的贤者时间">彼得·格里尔的贤者时间</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/20204117511193265.jpg" alt="彼得·格里尔的贤者时间"></a>
            <p><a  title="彼得·格里尔的贤者时间">彼得·格里尔的贤者时间</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/20204117511193265.jpg" alt="彼得·格里尔的贤者时间"></a>
            <p><a  title="彼得·格里尔的贤者时间">彼得·格里尔的贤者时间</a></p>
        </li>
        <li class="ul_li"><a href="play_video.jsp"><img src="http://p.xiaomingming.org/FileUpload/20204117511193265.jpg" alt="彼得·格里尔的贤者时间"></a>
            <p><a  title="彼得·格里尔的贤者时间">彼得·格里尔的贤者时间</a></p>
        </li>
    </ul>
</div>
</body>
</html>
